<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="UTF-8">
    <title>Awesome Angular by PatrickJS</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="stylesheets/normalize.css" media="screen">
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
    <link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen">
  </head>
  <body>
    <section class="page-header">
      <a href="https://PatrickJS.com" target="_blank">
        <img class="project-logo" src="media/new/awesome-angular.png" alt="Awesome Angular 2">
        <h1 class="project-name">Awesome Angular</h1>
        <h2 class="project-tagline">A curated list of awesome Angular resources</h2>
        <a href="https://github.com/PatrickJS/awesome-angular" class="btn">View on GitHub</a>
      </a>
    </section>

    <section class="main-content">
      <h1>
<a id="awesome-angular-2-" class="anchor" href="#awesome-angular-2-" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Awesome Angular <a href="https://github.com/sindresorhus/awesome"><img src="https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg" alt="Awesome"></a>
</h1>

<p>Awesome list of <a href="https://angular.dev/">Angular</a> seed repos, starters, boilerplates, examples, tutorials, components, modules, videos, and anything else in the Angular 2 ecosystem</p>

<h5>
<a id="current-angular-2-version" class="anchor" href="#current-angular-2-version" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Current Angular 2 version:</h5>

<p><a href="http://badge.fury.io/js/angular2"><img src="https://badge.fury.io/js/angular2.svg" alt="npm version"></a></p>

<p>Table of contents:</p>

<ul>
<li>
<a href="#angular-2">Angular 2</a>

<ul>
<li><a href="#angular-2-general-resources">Angular 2 General Resources</a></li>
<li><a href="#angular-2-community">Angular 2 Community</a></li>
<li><a href="#angular-2-server-side-rendering">Angular 2 Server-Side Rendering</a></li>
<li><a href="#angular-2-material-design">Angular 2 Material Design</a></li>
<li><a href="#angular-2-cheatsheet">Angular 2 Cheatsheet</a></li>
<li><a href="#angular-2-tutorials">Angular 2 Tutorials</a></li>
<li><a href="#angular-2-series">Angular 2 Series</a></li>
<li><a href="#angular-2-video-tutorials">Angular 2 Video Tutorials</a></li>
<li><a href="#angular-2-books">Angular 2 Books</a></li>
<li><a href="#angular-2-on-site-training">Angular 2 On-Site Training</a></li>
<li><a href="#angular-2-approach-and-explanation">Angular 2 Approach and Explanation</a></li>
<li><a href="#angular-2-integrations">Angular 2 Integrations</a></li>
<li><a href="#angular-2-components">Angular 2 Components</a></li>
<li><a href="#angular-2-generators">Angular 2 Generators</a></li>
<li><a href="#angular-2-todomvc">Angular 2 TodoMVC</a></li>
</ul>
</li>
<li>
<a href="#universal-angular-2">Universal</a>

<ul>
<li><a href="#universal-general-resources">Universal General Resources</a></li>
<li><a href="#universal-seed-projects">Seed Projects</a></li>
</ul>
</li>
<li>
<a href="#angular-2-in-typescript">TypeScript</a>

<ul>
<li><a href="#typescript-general-resources">TypeScript General Resources</a></li>
<li><a href="#typescript-angular-2-online-playground">Angular 2 Online Playground</a></li>
<li><a href="#typescript-seed-projects">Seed Projects</a></li>
</ul>
</li>
<li>
<a href="#angular-2-in-dart">Dart</a>

<ul>
<li><a href="#dart-angular-2-online-playground">Angular 2 Online Playground</a></li>
<li><a href="#dart-seed-projects">Seed Projects</a></li>
</ul>
</li>
<li>
<a href="#angular-2-in-babel">Babel</a>

<ul>
<li><a href="#babel-general-resources">Babel General Resources</a></li>
<li><a href="#babel-angular-2-online-playground">Angular 2 Online Playground</a></li>
<li><a href="#babel-seed-projects">Seed Projects</a></li>
</ul>
</li>
<li>
<a href="#angular-2-in-es5">ES5</a>

<ul>
<li><a href="#es5-angular-2-online-playground">Angular 2 Online Playground</a></li>
<li><a href="#es5-seed-projects">Seed Projects</a></li>
</ul>
</li>
<li>
<a href="#angular-2-in-haxe">Haxe</a>

<ul>
<li><a href="#haxe-angular-2-online-playground">Angular 2 Online Playground</a></li>
<li><a href="#haxe-seed-projects">Seed Projects</a></li>
</ul>
</li>
<li>
<a href="#angular-2-in-scala">Scala</a>

<ul>
<li><a href="#scala-seed-projects">Seed Projects</a></li>
</ul>
</li>
<li>
<a href="#platforms">Platforms</a>

<ul>
<li>
<a href="#ionic-2">Ionic 2</a>

<ul>
<li><a href="#ionic-2-general-resources">Ionic 2 General Resources</a></li>
</ul>
</li>
<li>
<a href="#nativescript-in-angular-2">NativeScript</a>

<ul>
<li><a href="#nativescript-general-resources">NativeScript General Resources</a></li>
<li><a href="#nativescript-seed-projects">Seed Projects</a></li>
</ul>
</li>
<li>
<a href="#react-native">React Native</a>

<ul>
<li><a href="#react-native-general-resources">React Native General Resources</a></li>
</ul>
</li>
</ul>
</li>
</ul>

<h3>
<a id="angular-2" class="anchor" href="#angular-2" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Angular 2</h3>

<blockquote>
<p>Angular is a development platform for building mobile and desktop web applications.</p>
</blockquote>

<h4>
<a id="angular-2-general-resources" class="anchor" href="#angular-2-general-resources" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Angular 2 General Resources</h4>

<ul>
<li><a href="https://angular.io/">Official Site</a></li>
<li><a href="http://angularjs.blogspot.com/">Official Blog</a></li>
<li><a href="https://angular.io/docs/js/latest/">Official Documentation</a></li>
<li><a href="https://angular.io/docs/js/latest/quickstart.html">Official Getting Started Guide</a></li>
<li><a href="https://github.com/angular/angular">Official GitHub Repo</a></li>
</ul>

<h4>
<a id="angular-2-community" class="anchor" href="#angular-2-community" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Angular 2 Community</h4>

<ul>
<li>
<code>#angular2</code> channel on Freenode IRC Server</li>
<li>
<a href="https://twitter.com/hashtag/angular2"><code>#angular2</code></a> hashtag on Twitter</li>
<li><a href="https://gitter.im/angular/angular">Gitter Channel</a></li>
<li><a href="http://stackoverflow.com/questions/tagged/angular2">Angular 2 StackOverflow</a></li>
<li><a href="https://twitter.com/angularjs">@AngularJS on Twitter</a></li>
<li><a href="http://www.reddit.com/r/angular2/">/r/Angular2 Subreddit</a></li>
<li><a href="https://www.facebook.com/groups/angular2/">Angular Group on Facebook</a></li>
<li><a href="https://plus.google.com/u/0/+AngularJS/posts">AngularJS on Google+</a></li>
<li><a href="http://angular-air.com/">AngularAir</a></li>
<li><a href="http://www.ng-newsletter.com">ng-newsletter</a></li>
<li><a href="http://www.tryangular2.com/">tryangular2</a></li>
<li><a href="http://builtwithangular2.com/">Built With Angular 2</a></li>
<li>
<a href="https://angularbuddies.slack.com/messages/ng-2/"><code>#ng-2 Slack Channel</code></a> on AngularBuddies (<a href="http://www.angularbuddies.com/">Sign up</a>)</li>
</ul>

<h4>
<a id="angular-2-server-side-rendering" class="anchor" href="#angular-2-server-side-rendering" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Angular 2 Server-Side Rendering</h4>

<ul>
<li><a href="https://github.com/angular/universal">Angular 2 Universal Repository (GitHub)</a></li>
</ul>

<h4>
<a id="angular-2-material-design" class="anchor" href="#angular-2-material-design" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Angular 2 Material Design</h4>

<h4>
<a id="angular-2-cheatsheet" class="anchor" href="#angular-2-cheatsheet" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Angular 2 Cheatsheet</h4>

<ul>
<li><a href="https://docs.google.com/document/d/19jHbsXeYj2QiZ-cGS_mA3nyaU86gLeonjU2Tfzm1J5Y/mobilebasic">TypeScript/Babel API Cheatsheet</a></li>
<li><a href="https://docs.google.com/document/d/1FYyA-b9rc2UtlYyQXjW7lx4Y08MSpuWcbbuqVCxHga0/edit#heading=h.34sus6g4zss3">Dart API Cheatsheet</a></li>
<li><a href="https://github.com/andresaraujo/angular2_cheatsheet_dart">Angular2 Dart cheatsheet</a></li>
</ul>

<h4>
<a id="angular-2-tutorials" class="anchor" href="#angular-2-tutorials" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Angular 2 Tutorials</h4>

<h4>
<a id="angular-2-series" class="anchor" href="#angular-2-series" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Angular 2 Series</h4>

<ul>
<li>Ionic

<ul>
<li>Angular 2

<ul>
<li><a href="http://blog.ionic.io/angular-2-series-introduction/">Introduction</a></li>
<li><a href="http://blog.ionic.io/angular-2-series-components/">Components</a></li>
</ul>
</li>
</ul>
</li>
<li>Auth0

<ul>
<li>Angular 2

<ul>
<li><a href="https://auth0.com/blog/2015/09/03/angular2-series-working-with-pipes/">Working with Pipes</a></li>
<li><a href="https://auth0.com/blog/2015/09/17/angular-2-series-part-2-domain-models-and-dependency-injection/">Domain Models and Dependency Injection</a></li>
</ul>
</li>
</ul>
</li>
<li>thoughtram

<ul>
<li>Angular 2 Template Syntax Demystified

<ul>
<li><a href="http://blog.thoughtram.io/angular/2015/08/11/angular-2-template-syntax-demystified-part-1.html">Part 1</a></li>
</ul>
</li>
</ul>
</li>
</ul>

<h4>
<a id="angular-2-video-tutorials" class="anchor" href="#angular-2-video-tutorials" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Angular 2 Video Tutorials</h4>

<ul>
<li><a href="https://egghead.io/technologies/angular2">Egghead.io - Angular 2</a></li>
<li><a href="https://www.udemy.com/introduction-to-angular2/">udemy - Introduction to Angular 2</a></li>
</ul>

<h4>
<a id="angular-2-books" class="anchor" href="#angular-2-books" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Angular 2 Books</h4>

<ul>
<li>
<a href="https://ng-book.com/2">ng-book 2</a> <code>fullstack.io</code>
</li>
<li>
<a href="https://books.ninja-squad.com/angular2">Become a ninja with Angular 2</a> <code>Ninja Squad</code>
</li>
</ul>

<h4>
<a id="angular-2-on-site-training" class="anchor" href="#angular-2-on-site-training" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Angular 2 On-Site Training</h4>

<ul>
<li><a href="http://thoughtram.io/training.html">thoughtram</a></li>
<li><a href="https://egghead.io/angularjs-enterprise-training-workshop">Egghead.io</a></li>
<li><a href="https://www.ng-book.com/2/">ng-book</a></li>
</ul>

<h4>
<a id="angular-2-approach-and-explanation" class="anchor" href="#angular-2-approach-and-explanation" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Angular 2 Approach and Explanation</h4>

<ul>
<li>thoughtram

<ul>
<li><a href="http://blog.thoughtram.io/angular/2015/04/09/developing-a-tabs-component-in-angular-2.html">Developing a tabs component in Angular 2</a></li>
<li><a href="http://blog.thoughtram.io/angular/2015/03/27/building-a-zippy-component-in-angular-2.html">Developing a zippy component in Angular 2</a></li>
<li><a href="http://blog.thoughtram.io/angular/2015/09/17/resolve-service-dependencies-in-angular-2.html">Resolving Service Dependencies in Angular 2</a></li>
<li><a href="http://blog.thoughtram.io/angular/2015/09/03/forward-references-in-angular-2.html">Forward references in Angular 2</a></li>
<li><a href="http://blog.thoughtram.io/angular/2015/08/20/host-and-visibility-in-angular-2-dependency-injection.html">Host and Visibility in Angular 2's Dependency Injection</a></li>
<li><a href="http://blog.thoughtram.io/angular/2015/05/18/dependency-injection-in-angular-2.html">Dependency Injection in Angular 2</a></li>
<li><a href="http://blog.thoughtram.io/angular/2015/06/16/routing-in-angular-2.html">Routing in Angular 2</a></li>
<li><a href="http://blog.thoughtram.io/angular/2015/08/11/angular-2-template-syntax-demystified-part-1.html">Angular 2 Template Syntax Demystified - Part 1</a></li>
<li><a href="http://blog.thoughtram.io/angular/2015/06/29/shadow-dom-strategies-in-angular2.html">View Encapsulation in Angular 2</a></li>
<li><a href="http://blog.thoughtram.io/angular/2015/06/25/styling-angular-2-components.html">Styling Angular 2 components</a></li>
<li><a href="http://blog.thoughtram.io/angular/2015/07/06/even-better-es5-code-for-angular-2.html">Even better ES5 code for Angular 2</a></li>
<li><a href="http://blog.thoughtram.io/angular/2015/05/09/writing-angular-2-code-in-es5.html">Writing Angular 2 code in ES5</a></li>
<li><a href="http://blog.thoughtram.io/angular/2015/05/03/the-difference-between-annotations-and-decorators.html">The difference between Annotations and Decorators</a></li>
</ul>
</li>
</ul>

<ul>
<li>Burak Tasci (fulls1z3)

<ul>
<li><a href="https://medium.com/burak-tasci/angular-4-with-server-side-rendering-aka-angular-universal-f6c228ded8b0">Angular 4 with server side rendering (aka Angular Universal)</a></li>
</ul>
</li>
</ul>

<h4>
<a id="angular-2-integrations" class="anchor" href="#angular-2-integrations" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Angular 2 Integrations</h4>

<ul>
<li><a href="https://youtu.be/z8UgDZ4rXBU">FalcorJS + Angular2 (Video)</a></li>
<li><a href="http://angular-meteor.com/angular2">Angular2-Meteor</a></li>
<li><a href="https://github.com/NativeScript/nativescript-angular">nativescript-angular</a></li>
<li><a href="https://github.com/angular/react-native-renderer">react-native-renderer</a></li>
</ul>

<h3>
<a id="angular-2-components" class="anchor" href="#angular-2-components" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Angular 2 Components</h3>

<ul>
<li><a href="https://github.com/dylanb/Axponents/tree/master/angular2">Axponents: of Accessible Web Components (Dylan Barrell)</a></li>
<li><a href="https://github.com/valor-software/ng2-bootstrap">ng2-bootstrap: Native Angular2 bootstrap components</a></li>
<li><a href="https://github.com/ngx-meta/core">ngx-meta/core: Dynamic page title & meta tags utility for Angular (w/server-side rendering) by</a><a href="https://github.com/fulls1z3" class="user-mention">@fulls1z3</a></li>
<li><a href="https://github.com/ngx-config/core">ngx-config/core: Configuration utility for Angular (incl. Angular Universal loader) by</a><a href="https://github.com/fulls1z3" class="user-mention">@fulls1z3</a></li>
<li><a href="https://github.com/ngx-cache/core">ngx-cache/core: Cache utility for Angular (incl. browser & server platform implementations) by</a><a href="https://github.com/fulls1z3" class="user-mention">@fulls1z3</a></li>
<li><a href="https://github.com/ngx-i18n-router/core">ngx-i18n-router/core: Route internationalization utility for Angular by by</a><a href="https://github.com/fulls1z3" class="user-mention">@fulls1z3</a></li>
<li><a href="https://github.com/SQ-UI/ng-sq-ui">NG-SQ-UI - Simple Quality UI kit for Angular. Build by developers for developers!</a></li>
</ul>

<h3>
<a id="angular-2-generators" class="anchor" href="#angular-2-generators" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Angular 2 Generators</h3>

<ul>
<li>Node.js

<ul>
<li>Slush

<ul>
<li><a href="https://github.com/TheVelourFog/slush-angular2">TheVelourFog/slush-angular2</a></li>
</ul>
</li>
<li>Yeoman

<ul>
<li><a href="https://github.com/swirlycheetah/generator-angular2">swirlycheetah/generator-angular2</a></li>
</ul>
</li>
</ul>
</li>
<li>Dart

<ul>
<li>Stagehand

<ul>
<li><a href="https://github.com/kasperpeulen/stagehand">kasperpeulen/stagehand</a></li>
</ul>
</li>
</ul>
</li>
</ul>

<h4>
<a id="angular-2-todomvc" class="anchor" href="#angular-2-todomvc" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Angular 2 TodoMVC</h4>

<ul>
<li><a href="http://todomvc.com/examples/angular2/">Official Angular 2.0</a></li>
</ul>

<h3>
<a id="universal-angular-2" class="anchor" href="#universal-angular-2" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Universal Angular 2</h3>

<blockquote>
<p>Universal (isomorphic) javascript support for Angular 2</p>
</blockquote>

<h4>
<a id="universal-general-resources" class="anchor" href="#universal-general-resources" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Universal General Resources</h4>

<ul>
<li><a href="https://github.com/angular/universal">Universal Angular 2 Repository (GitHub)</a></li>
</ul>

<h4>
<a id="universal-seed-projects" class="anchor" href="#universal-seed-projects" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Universal Seed Projects</h4>

<ul>
<li>
<a href="https://github.com/PatrickJS/fullstack-angular2-starter">fullstack-angular2-starter</a> - Fullstack Angular 2 starter kit by <a href="https://github.com/PatrickJS" class="user-mention">@PatrickJS</a>
</li>
<li>
<a href="https://github.com/ng-seed/universal">ng-seed/universal</a> - Seed project for Angular Universal apps featuring Server-Side Rendering (SSR), Webpack, dev/prod modes, DLLs, AoT compilation, HMR, SCSS compilation, lazy loading, config, cache, i18n, SEO, and TSLint/codelyzer <a href="https://github.com/fulls1z3" class="user-mention">@fulls1z3</a>
</li>
</ul>

<h3>
<a id="angular-2-in-typescript" class="anchor" href="#angular-2-in-typescript" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Angular 2 in TypeScript</h3>

<blockquote>
<p>TypeScript lets you write JavaScript the way you really want to.
TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.</p>
</blockquote>

<h4>
<a id="typescript-general-resources" class="anchor" href="#typescript-general-resources" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>TypeScript General Resources</h4>

<ul>
<li>
<a href="http://www.typescriptlang.org/">TypeScript</a> Official Website for TypeScript</li>
<li>
<a href="http://www.typescriptlang.org/Playground">REPL</a> Official TypeScript REPL that runs entirely in your browser</li>
<li>
<a href="https://github.com/Microsoft/TypeScript">TypeScript Repository (GitHub)</a> Official Github Repo for TypeScript</li>
<li>
<a href="http://definitelytyped.org/tsd">TSD</a> TypeScript Definition manager for DefinitelyTyped</li>
<li>
<a href="https://github.com/borisyankov/DefinitelyTyped">DefinitelyTyped Repository (GitHub)</a> The repository for high quality TypeScript type definitions.</li>
</ul>

<h4>
<a id="typescript-angular-2-online-playground" class="anchor" href="#typescript-angular-2-online-playground" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>TypeScript Angular 2 Online Playground</h4>

<h4>
<a id="typescript-seed-projects" class="anchor" href="#typescript-seed-projects" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>TypeScript Seed Projects</h4>

<ul>
<li>
<a href="https://github.com/PatrickJS/angular-starter">Angular Starter</a> - An Angular 2 Webpack Starter kit featuring Angular 2 (Router, Http, Forms, Services, Tests, E2E), Karma, Protractor, Jasmine, TypeScript, and Webpack by <a href="https://github.com/PatrickJS" class="user-mention">@PatrickJS</a>
</li>
<li>
<a href="http://mgechev.github.io/angular2-seed#awesome-angular2">Angular 2 Seed</a> Seed project for Angular 2 apps</li>
<li>
<a href="https://github.com/pkozlowski-opensource/ng2-play.ts#awesome-angular2">ng2-play.ts</a> A minimal Angular2 playground using TypeScript</li>
<li>
<a href="https://github.com/johnpapa/angular2-go#awesome-angular2">Angular2Go</a> Angular 2 Go !</li>
<li>
<a href="https://github.com/thelgevold/angular-2-samples">Angular 2 Samples</a> Angular 2.0 sample components</li>
<li>
<a href="https://github.com/ng-seed/spa">ng-seed/spa</a> - Seed project for Angular apps featuring Webpack, dev/prod modes, DLLs, AoT compilation, HMR, SCSS compilation, lazy loading, config, cache, i18n, SEO, and TSLint/codelyzer <a href="https://github.com/fulls1z3" class="user-mention">@fulls1z3</a></li>
</ul>

<h3>
<a id="angular-2-in-dart" class="anchor" href="#angular-2-in-dart" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Angular 2 in Dart</h3>

<blockquote>
<p>Dart is an open-source, scalable programming language, with robust libraries and runtimes, for building web, server, and mobile apps.</p>
</blockquote>

<h4>
<a id="dart-general-resources" class="anchor" href="#dart-general-resources" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Dart General Resources</h4>

<ul>
<li>
<a href="https://www.dartlang.org/">Dart</a> Official Website for Dart</li>
<li>
<a href="https://dartpad.dartlang.org/">Dartpad</a> Dartpad lets play with Dart on-line, in a zero-install, zero configuration environment.</li>
<li>
<a href="https://github.com/dart-lang">Dart Organization (GitHub)</a> Official Github Organization for Dart</li>
<li>
<a href="https://pub.dartlang.org/">Pub</a> Repository of packages of software for the Dart programming language.</li>
<li>
<a href="https://plus.google.com/communities/114566943291919232850">Dartisans</a> The Official Dart Google+ community</li>
<li>
<a href="https://dartlang-slack.herokuapp.com/">Dart Slack Channel</a> The Official Dart Slack channel.</li>
</ul>

<h4>
<a id="dart-angular-2-online-playground" class="anchor" href="#dart-angular-2-online-playground" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Dart Angular 2 Online Playground</h4>

<h4>
<a id="dart-seed-projects" class="anchor" href="#dart-seed-projects" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Dart Seed Projects</h4>

<ul>
<li>
<a href="https://github.com/andresaraujo/ng2_dart_quickstart">Angular 2 Dart Quickstart</a> A minimal quick start project.</li>
</ul>

<h4>
<a id="dart-demo-samples-and-examples" class="anchor" href="#dart-demo-samples-and-examples" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Dart Demo, Samples, and Examples</h4>

<ul>
<li>
<a href="https://github.com/ng2-dart-samples">Angular 2 Samples</a> Angular 2 for Dart demos and samples from the community.</li>
<li>
<a href="https://github.com/ng2-dart-samples/pipes">Pipes</a> Examples of Pipes in Angular 2 for Dart.</li>
<li>
<a href="https://github.com/andresaraujo/ng2_hackernews">Hackernews App</a> A HackerNews application made with Angular 2 for Dart</li>
<li>
<a href="https://github.com/andresaraujo/ng2_dart_router_demo">Router Demo</a> A basic example of Angular 2 router.</li>
</ul>

<h3>
<a id="angular-2-in-babel" class="anchor" href="#angular-2-in-babel" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Angular 2 in Babel</h3>

<blockquote>
<p>The compiler for writing next generation JavaScript.</p>
</blockquote>

<h4>
<a id="babel-general-resources" class="anchor" href="#babel-general-resources" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Babel General Resources</h4>

<ul>
<li>
<a href="https://babeljs.io/">Babel</a> Official Website for Babel</li>
<li>
<a href="https://babeljs.io/repl/">REPL</a> Official Babel REPL that runs entirely in your browser</li>
<li>
<a href="https://github.com/babel/babel">Babel Repository (GitHub)</a> Official Github Repo for Babel</li>
</ul>

<h4>
<a id="babel-angular-2-online-playground" class="anchor" href="#babel-angular-2-online-playground" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Babel Angular 2 Online Playground</h4>

<h4>
<a id="babel-seed-projects" class="anchor" href="#babel-seed-projects" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Babel Seed Projects</h4>

<ul>
<li>
<a href="https://github.com/shuhei/babel-angular2-app">babel-angular2-app</a> A skeleton Angular 2 app built with babel.</li>
</ul>

<h3>
<a id="angular-2-in-es5" class="anchor" href="#angular-2-in-es5" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Angular 2 in ES5</h3>

<blockquote>
<p>An ECMAScript language that includes structured, dynamic, functional, and prototype-based features.</p>
</blockquote>

<h4>
<a id="es5-angular-2-online-playground" class="anchor" href="#es5-angular-2-online-playground" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>ES5 Angular 2 Online Playground</h4>

<h4>
<a id="es5-seed-projects" class="anchor" href="#es5-seed-projects" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>ES5 Seed Projects</h4>

<h3>
<a id="angular-2-in-haxe" class="anchor" href="#angular-2-in-haxe" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Angular 2 in Haxe</h3>

<blockquote>
<p>Haxe is an open source toolkit based on a modern, high level, strictly typed programming language.</p>
</blockquote>

<h4>
<a id="haxe-angular-2-online-playground" class="anchor" href="#haxe-angular-2-online-playground" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Haxe Angular 2 Online Playground</h4>

<h4>
<a id="haxe-seed-projects" class="anchor" href="#haxe-seed-projects" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Haxe Seed Projects</h4>

<ul>
<li><a href="https://github.com/nweedon/angular2haxe">angular2haxe</a></li>
</ul>

<h3>
<a id="angular-2-in-scala" class="anchor" href="#angular-2-in-scala" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Angular 2 in Scala</h3>

<blockquote>
<p>General purpose language; multiparadigm (object-oriented, functional, concurrent elements); statically typed, type-safe; focus: Web services.</p>
</blockquote>

<h4>
<a id="scala-seed-projects" class="anchor" href="#scala-seed-projects" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Scala Seed Projects</h4>

<ul>
<li><a href="https://github.com/gdi2290/play-angular2">play-angular2</a></li>
</ul>

<h3>
<a id="platforms" class="anchor" href="#platforms" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Platforms</h3>

<h5>
<a id="ionic-2-general-resources" class="anchor" href="#ionic-2-general-resources" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Ionic 2 General Resources</h5>

<ul>
<li><a href="https://github.com/driftyco/ionic2">Repository (GitHub)</a></li>
</ul>

<h4>
<a id="angular-2-in-nativescript" class="anchor" href="#angular-2-in-nativescript" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Angular 2 in NativeScript</h4>

<blockquote>
<p>Build truly native iOS, Android and Windows Phone apps with Javascript and CSS. Try NativeScript open-source framework for cross-platform development.</p>
</blockquote>

<h5>
<a id="nativescript-general-resources" class="anchor" href="#nativescript-general-resources" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>NativeScript General Resources</h5>

<ul>
<li>
<a href="https://www.nativescript.org/">NativeScript</a> Official Website for NativeScript</li>
</ul>

<h4>
<a id="nativescript-seed-projects" class="anchor" href="#nativescript-seed-projects" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>NativeScript Seed Projects</h4>

<ul>
<li><a href="https://github.com/NativeScript/sample-Angular2">sample-Angular2</a></li>
</ul>

<h4>
<a id="angular-2-in-react-native" class="anchor" href="#angular-2-in-react-native" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Angular 2 in React Native</h4>

<blockquote>
<p>React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript</p>
</blockquote>

<h5>
<a id="react-native-general-resources" class="anchor" href="#react-native-general-resources" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>React Native General Resources</h5>

<ul>
<li>
<a href="https://facebook.github.io/react-native/">React Native</a> Official Website for React Native</li>
</ul>

<h2>
<a id="license" class="anchor" href="#license" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>License</h2>

<p><a href="https://creativecommons.org/publicdomain/zero/1.0/"><img src="https://licensebuttons.net/p/zero/1.0/88x31.png" alt="CC0"></a></p>

      <footer class="site-footer">
        <span class="site-footer-owner"><a href="https://github.com/PatrickJS/awesome-angular2">Awesome Angular 2</a> is maintained by <a href="https://github.com/PatrickJS">PatrickJS</a></span>
      </footer>

    </section>

  
  </body>
</html>
